<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div class="box">
			<div class="top">
				<span class="iconfont">&#xe775;</span>
				<span>当前城市:</span>
				<span id="nowCity">北京市</span>
				<span class="top-right iconfont">&#xe7a5;</span>
			</div>
			<div class="hot">
				<span class="hot-top">热门城市:</span>
				<span>北京市</span>
				<span>上海市</span>
				<span>广州市</span>
				<span>天津市</span>
				<span>重庆市</span>
				<span>杭州市</span>
			</div>
			<div class="search">
				<button type="button" id="province">按省份</button>
				<button type="button" id="city">按城市</button>
				<input type="search" placeholder="请输入城市名" id="search">
				<ul class="showInputCity">
					<!-- <li>biejingshi</li>
					<li>biejingshi</li>
					<li>biejingshi</li> -->
				</ul>
				<span class="iconfont search-icon" id="searchBtn">&#xe686;</span>
			</div>
			<div class="showBox" id="provinceShow">
				<div class="change">
					<div id="showProvinceAbc">
					<!-- <span class="tag" onclick="getSpan(this)">A</span>
					<span class="tag" onclick="showAll()">All</span> -->
					</div>
					<hr>
					<div class="showPro">
						<div class="showPro-box" id="showProvincePro">
							<!-- <div class="title">
								<span class="showTag">A</span>
								<span class="showTitle">安徽省:</span>
								<div class="sheng">
									<span class="city">合肥市</span>
									
								</div>
							</div> -->
						</div>
					</div>
				</div>
			</div>
			<div class="showBox" id="cityShow"  style="display: none;">
				<div class="change">
					<div id="showCityAbc">
					<!-- <span class="tag" onclick="getSpan(this)">A</span>
					<span class="tag" onclick="showAll()">All</span> -->
					</div>
					<hr>
					<div class="showPro">
						<div class="showPro-box" id="showCityPro">
						<!-- 	<div class="title">
								<span class="showTag">A</span>
								
								<div class="sheng">
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
									<span class="city">合肥市</span>
								</div>
							</div> -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>